<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="../imgs/logo.png">
    <title>登录注册</title>
    <link rel="stylesheet" href="../CSS/LoginAndRegister.css" />
</head>

<body background="../imgs/bg.gif">
    <div class="container">
        <div class="box">
            <div class="transtion-box">
                <a href="../index.html" style="text-decoration: none;color: #1477bf; font-size: 20px;">
                    < 返回</a>
                        <div class="login-box">
                            <h1>欢迎回来</h1>
                            <section>
                                <label for="email">邮箱</label>
                                <input type="text" id="email" />
                            </section>
                            <section>
                                <label for="password">密码</label>
                                <input type="password" id="password" />
                                <span>忘记密码?</span>
                            </section>
                            <button type="button"><a href="../index.html" target="_self"
                                    style="text-decoration: none;color: aliceblue;">登录</a></button>
                            <button type="button" class="other">
                                使用<span style="font-weight: 900; color: #455a81">二维码</span>扫码登录
                            </button>
                        </div>
                        <div class="reg-box" style="display: none">
                            <h1>立即注册</h1>
                            <section>
                                <label for="username">用户名</label>
                                <input type="text" id="username" />
                            </section>
                            <section>
                                <label for="email">邮箱</label>
                                <input type="text" id="email" />
                            </section>
                            <section>
                                <label for="password">密码</label>
                                <input type="password" id="password" />
                            </section>
                            <button type="button">注册</button>
                            <button type="button" class="other">
                                使用<span style="font-weight: 900; color: #455a81">二维码</span>扫码注册
                            </button>
                        </div>
            </div>
            <div class="transferToReg">
                <h1 class="title">还未注册？</h1>
                <span class="subTitle">立即注册，发现大量机会！</span>
                <button type="button" id="transfetBtn">注册</button>
            </div>
        </div>
    </div>
</body>
<script src="../JS/LoginAndRegister.js"></script>

</html>